<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			* {
				font-family: "Batang";
			}
			
			table {
				border-collapse: collapse;
			}
			
			td {
				border: 1px solid #ccc;
				padding: 3px 5px;
			}
		</style>
	</head>

	<body>

		<script>
			//金字塔
			//			var len = 5;
			//i=1 2 3 4 5
			//			for(var i = 1; i <= len; i++) {
			//				var nbsp = len - i; //nbsp=4 3 2 1 0
			//				for(var j = 0; j < nbsp; j++) {
			//					document.write("&nbsp;");
			//				}
			//				var star = i * 2 - 1; //i=1 3 5 7 9
			//				for(var k = 0; k < star; k++) {
			//					document.write("*");
			//				}
			//				document.write("<br>");
			//			}

			//练习2

			//			for(var i = 0; i < 4; i++) {
			//				console.log("*");
			//				for(var j = 0; j < 3; j++) {
			//					console.log(j);
			//					console.log('abc');
			//				}
			//				for(var k = 0; k < 2; k++) {
			//					console.log(123);
			//					console.log(k);
			//				}
			//				console.log("-");
			//			}

			//九九乘法表

			document.write("<table>");
			for(var i = 1; i <= 9; i++) {
				document.write("<tr>")
				for(var j = 1; j <= i; j++) {
					document.write("<td>");
					document.write(j + "*" + i + "=" + j * i);
					document.write("</td>");
				}
				document.write("</tr>");
			}

			document.write("</table>");
		</script>
	</body>

</html>